<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <%- include src/pages/common/styles.html -%>

  <title>完成</title>

</head>
<body>

  <%- include src/pages/common/header.html -%>

  <div class="content forgetpass">
    
    <div class="palette">
      <h2 class="palette__title">忘记密码</h2>

      <ol class="steps">
        <li class="steps__item active">
          <span class="steps__indicator">1</span>
          <div class="steps__inner">填写账户名</div>
        </li>
        <li class="steps__item active">
          <span class="steps__indicator">2</span>
          <div class="steps__inner">验证身份</div>
        </li>
        <li class="steps__item active">
          <span class="steps__indicator">3</span>
          <div class="steps__inner">设置新密码</div>
        </li>
        <li class="steps__item active">
          <span class="steps__indicator">4</span>
          <div class="steps__inner">完成</div>
        </li>
      </ol>

      <div class="stepanel">
        <span class="stepanel__arrow arrow--finish"></span>

        <div class="stepanel__guide">
          <div class="guide__img">
            <img src="<%= require('images/complete.png') %>" alt="完成">
          </div>
          <p class="guide__desc">您的密码已重置完成</p>
          <a href="#" class="btn btn-primary btn__complete">完成</a>
        </div>
      </div>
    </div>

  </div>

  <%- include src/pages/common/footer.html -%>
  <%- include src/pages/common/scripts.html -%>

</body>
</html>